<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
    <!--<style>
        div　{
            background-color: blue;
        }
    </style>-->
</head>
<body>
   <div>我是div</div>
   <div class="nav">我是nav的div</div>
   <p>我是p</p>
   <ol>
       <li>我是ol的li</li>
       <li>我是ol的li</li>
       <li>我是ol的li</li>
       <li>我是ol的li</li>
   </ol>
   <ul>
       <li>我是ul的li</li>
       <li>我是ul的li</li>
       <li>我是ul的li</li>
       <li>我是ul的li</li>
   </ul>
   <script>
       //1.jQuery选择器选择出来的都是伪数组形式存在的
       $(function () {
           console.log($(".nav"));
           console.log($("ul li"));
       })

       //2.获取4个div--取出的元素是按元素代码的排列顺序排列的，而不是按取出的顺序
       console.log($("div"));//通过元素名取
       //3.给四个div设置背景颜色
       $("div").css("background","pink");
       //隐式迭代--就是把所有的元素进行内部遍历循环
       $("ul li").css("color","red");

       // 4.筛选选择器
       $(function () {
           $("ol li:first").css("color","red");
           $("ol li:eq(1)").css("background","blue");//eq()选中的是元素的索引号
           $("ul li:odd").css("color","yellow");//把索引号为奇数的元素设置成黄色
           $("ol li:even").css("color","pink");//把索引号为偶数的元素设置成粉色
       })
   </script>
</body>
</html>